<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        @include('_partials.head-loader')
    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            <!-- BEGIN TOP NAVIGATION BAR -->
            <div class="page-header-inner">
                <!-- BEGIN LOGO -->
                <div class="page-logo">
                    <a href="{{ URL::route('home') }}">
                        {{ HTML::image('assets/admin/layout/img/logo.png', 'logo', array('class' => "logo-default")) }}
                    </a>
                    <div class="menu-toggler sidebar-toggler">
                        <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
                    </div>
                </div>
                <!-- END LOGO -->
                <!-- BEGIN HEADER SEARCH BOX -->
                <form class="search-form search-form-expanded" action="" method="GET">
                    <div class="input-group">
                        <input type="text" class="form-control" data-href="{{route('home-searchbox')}}" placeholder="{{trans('system.search')}}..." name="hearder_search_box" id="hearder_search_box" style="margin-left: 12px !important">
                        <span class="input-group-btn">
                            <input class="btn submit" type="button" type="button" value=" "/>
                        </span>
                    </div>
                </form>
                <!-- END HEADER SEARCH BOX -->
                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                <div class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                </div>
                <!-- END RESPONSIVE MENU TOGGLER -->
                <!-- BEGIN TOP NAVIGATION MENU -->
                <div class="top-menu">
                    <ul class="nav navbar-nav pull-right">
                        <!-- BEGIN LANGUAGE BAR -->
                        <li class="dropdown dropdown-language">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                {{ HTML::image('assets/global/img/flags/'.Auth::user()->language.'.png', 'Menu') }}
                                <span class="username">
                                    {{ucfirst(Auth::user()->language)}}
                                </span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu" style="min-width: 63px;">
                                @foreach(Config::get('app.language') as $lang)
                                @if($lang != Auth::user()->language)
                                <li>
                                    <a href="{{route('set-lang',['lang'=>$lang])}}">
                                        {{ HTML::image('assets/global/img/flags/'.$lang.'.png', $lang) }}
                                        {{ucfirst($lang)}}
                                    </a>
                                </li>
                                @endif
                                @endforeach
                            </ul>
                        </li>
                        <!-- END LANGUAGE BAR -->
                        <!-- BEGIN USER LOGIN DROPDOWN -->
                        <li class="dropdown dropdown-user">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                <span class="username" style="line-height: 29px;">
                                    {{{ Auth::user()->saint }}} {{{ Auth::user()->username }}}
                                </span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="{{route('profile', ['id' => Auth::user()->id])}}">
                                        <i class="fa fa-user"></i> {{ trans('system.my-profile') }}
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a class='btn-logout' data-href="{{ URL::route('logout') }}" style="cursor: pointer">
                                        <i class="fa fa-key"></i> {{ trans('system.logout') }}
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <!-- END USER LOGIN DROPDOWN -->
                    </ul>
                </div>
                <!-- END TOP NAVIGATION MENU -->
            </div>
            <!-- END TOP NAVIGATION BAR -->
        </div>
        <!-- END HEADER -->
        <div class="clearfix">
        </div>
        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    <!-- BEGIN SIDEBAR MENU -->
                    @include('_partials.navigation')
                    <!-- END SIDEBAR MENU -->
                </div>
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <div class="page-content">
                    <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
                    <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                    <h4 class="modal-title">Modal title</h4>
                                </div>
                                <div class="modal-body">
                                    Widget settings form goes here
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn blue">Save changes</button>
                                    <button type="button" class="btn default" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                    <!-- /.modal -->
                    <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
                    <!-- BEGIN STYLE CUSTOMIZER -->
                    <div class="theme-panel hidden-xs hidden-sm">
                        <div class="toggler">
                        </div>
                        <div class="toggler-close">
                        </div>
                        <div class="theme-options">
                            <div class="theme-option theme-colors clearfix">
                                <span>
                                    {{ trans('theme.themecolor') }}
                                </span>
                                <ul>
                                    <li class="color-default tooltips" data-style="default" data-original-title="Default"></li>
                                    <li class="color-darkblue tooltips" data-style="darkblue" data-original-title="Dark Blue"></li>
                                    <li class="color-blue tooltips" data-style="blue" data-original-title="Blue"></li>
                                    <li class="color-grey tooltips" data-style="grey" data-original-title="Grey"></li>
                                </ul>
                            </div>
                            <div class="theme-option">
                                <span>
                                    {{ trans('theme.layout') }}
                                </span>
                                <select class="layout-option form-control input-small">
                                    <option value="fluid" selected="selected">{{ trans('theme.fluid') }}</option>
                                    <option value="boxed">{{ trans('theme.boxed') }}</option>
                                </select>
                            </div>
                            <div class="theme-option">
                                <span>
                                    {{ trans('theme.header') }}
                                </span>
                                <select class="page-header-option form-control input-small">
                                    <option value="fixed" selected="selected">{{ trans('theme.fixed') }}</option>
                                    <option value="default">{{ trans('theme.default') }}</option>
                                </select>
                            </div>
                            <div class="theme-option">
                                <span>
                                    {{ trans('theme.sidebar') }}
                                </span>
                                <select class="sidebar-option form-control input-small">
                                    <option value="fixed">{{ trans('theme.fixed') }}</option>
                                    <option value="default" selected="selected">{{ trans('theme.default') }}</option>
                                </select>
                            </div>
                            <div class="theme-option">
                                <span>
                                    {{ trans('theme.sidebarposition') }}
                                </span>
                                <select class="sidebar-pos-option form-control input-small">
                                    <option value="left" selected="selected">{{ trans('theme.left') }}</option>
                                    <option value="right">{{ trans('theme.right') }}</option>
                                </select>
                            </div>
                            <div class="theme-option">
                                <span>
                                    {{ trans('theme.footer') }}
                                </span>
                                <select class="page-footer-option form-control input-small">
                                    <option value="fixed">{{ trans('theme.fixed') }}</option>
                                    <option value="default" selected="selected">{{ trans('theme.default') }}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <!-- END STYLE CUSTOMIZER -->
                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-12">
                            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                            <h3 class="page-title">
                                {{{ $sPage_Title or 'Page Title' }}} <small>{{{ $sPage_Description or 'Page Description' }}}</small>
                            </h3>
                            @include('_partials.breadcrumb')
                            <!-- END PAGE TITLE & BREADCRUMB-->
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->
                    <!-- BEGIN PAGE CONTENT-->